<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
	  <meta http-equiv="cache-control" content="no-cache">
	  <meta http-equiv="expires" content="0">    
	  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	  <meta http-equiv="description" content="This is my page">
   
    <script src="/js/vue.min.js"></script>
    <script src="/js/httpVueLoader.js"></script><!-- 引入 http-vue-loader -->   
    <script type="text/javascript" src="/js/axios.min.js"></script>

    <link href="/css/front.css" rel="stylesheet">

    <style rel="stylesheet" type="text/css">
      .c1-bline{border-bottom:#999 1px dashed;border-top:1px;} 
      .f-right{float:right}
      .f-left{float:left}
      .clear{clear:both}
	</style>
    
</head>

<body>
<div id="app">
<my-header></my-header> 


<article> 
  <!--左侧-->
  <div class="lbox"> 
    
    
    <!-- 444 -->
    <div class="zhuanti whitebg" style="margin-top: 12px;">
      <!-- <h2 class="htitle"><span class="hnav"></span>新闻动态</h2> -->
      <div>
            <div class="c1-bline" style="margin-top: 18px;" v-for="(gonggao, index) in xianshilist" :key="gonggao.id">
                <div class="f-left" style="margin-left: 8px;">
                    <img src="/img/head-mark4.gif" align="middle" class="img-vm" border="0"/> 
                    <a :href="'/view/gonggao/gonggaoDetail.html?id='+gonggao.id">{{gonggao.biaoti}}</a>
                </div>
                <div class="f-right" style="margin-right: 8px;">{{gonggao.shijian}}</div><div class="clear"></div>
            </div>
      </div>
    </div>
    <!-- 444 -->
    
    
    
    
    
    
    
    
    
  </div>
  <!--左侧-->
  
  
  
  
  
  
  
  
  <!--右侧-->
  <div class="rbox">
      <my-right></my-right>
  </div>
  <!--右侧-->
  
  
</article>



<my-foot></my-foot>



    
</div>


<script>
    new Vue({
        el: '#app',
        data: 
        {
          total:0,
          pageSize:64,
          currentPage:1,//当前页

          gonggaoList:[],
                xianshilist: null,
                
                gonggao:{
            id:"",
            user_id:"",
            neirong:"",
                    liuyanshi:"",
                    
                    huifu:"",
                    huifushi:"",
          },
                
        },
        
        methods: 
        {
          getData()
          {
                  axios({
                method: 'POST',
                url: '/gonggaoAll',
                params:{
                  
                }
                }).then(data => {
                  if (data.data.state == 66)
                  {
                    this.gonggaoList=data.data.data;
                    this.total=this.gonggaoList.length;
                    
                                  this.xianshilist = this.gonggaoList.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize)
                  } 
                    
                }).catch(error => {
                  alert(error);
              })
          },

          down(url)
          {
            window.location.href="/down?url="+url;
          },



        },
        
        created()
        {
                this.getData();
          
        },

        components: {
            'my-header': httpVueLoader('/components/my-header.vue'),
            'my-foot': httpVueLoader('/components/my-foot.vue'),
            'my-right': httpVueLoader('/components/my-right.vue'),
        }
    })
</script>
</body>

</html>